<template>
    <div>
        <div>{{ t('message.name') }}</div>
        <button @click="changeLang('zh')">中文</button>
        <button @click="changeLang('en')">英文</button>
    </div>
</template>

<script setup>
import { useI18n } from 'vue-i18n'
// import { useLangStoreHook } from './store'
import { langStorage } from './lang'
const { t, locale } = useI18n()
// const Langstore = useLangStoreHook()
const changeLang = (lang) => {
    locale.value = lang
    // Langstore.changeLangFn(lang)
    langStorage.value = lang
}
</script>

<style lang="scss" scoped></style>